import React, { useMemo } from 'react'
const MyButton = (props) => {
  return (
    <button onClick = { props.onClick }>点击</button>
  )
} 
function App() {
  // **useCallback 不会执行第一个参数函数，而是将它返回给你，
  // useMemo 会执行第一个函数并且将函数执行结果返回给你
  const clickHandler = useMemo(() => () => {
    console.log('点我点我')
  }, []) 
  return (
    <div>
      <MyButton onClick= { clickHandler }></MyButton>
    </div>
  )
}

export default App